<style>
</style>
<template>
    <ly-page>
        <ly-navi title="代码框"></ly-navi>
        <ly-page-content>

            <ly-code-view>
                <pre v-pre>
<p>这里是代码</p>
<p>@click 请写成 v-on:click</p>
<p>别忘了 v-pre</p>
                </pre>
            </ly-code-view>
            <ly-code-view v-model="code"></ly-code-view>
            <ly-code-view>
                <pre v-pre>
代码包裹
<ly-code-view>
      <pre v-pre>
这里是代码
      </pre>

</ly-code-view>


使用 v-model绑定
<ly-code-view v-model="code"></ly-code-view>

                </pre>
            </ly-code-view>
            <ly-markdown>
<pre v-pre>
##`ly-code-view `

#### Attributes

| 属性名  |说明   | 类型|参数|
| ------------ | ------------ |------------ |------------ |
|  v-model | 绑定的代码	  |string |—	|


#### Slot

| 属性名  |说明   |
| ------------ | ------------ |
|  default | 代码区	  |



- 代码区的代码必须使用`pre`标签进行包裹
- `@click`不可以写 会编译失败 用`v-on:`代替
- `=""`会被替换为空白
- `template`标签不可以写 会编译为空包 请使用  `templ`代替

                  </pre>
            </ly-markdown>

        </ly-page-content>

    </ly-page>
</template>
<script>
    Rap.define("", [], function () {
        return {
            data: function () {
                return {
                    size: 2,
                    count: 8,
                    code:'<abc>'
                }
            },
            mounted: function () {
//
            },
            methods: {}
        }
    })
</script>